<template>
   <view class='header-nav'>
       <u-icon name="arrow-left" size="36" color="#333" @click='backNav'></u-icon>
       <view class='header-nav-title'>
           {{title}}
       </view>
   </view>
</template>

<script setup lang="ts">
import {ref, watch, computed} from 'vue'
import {useAppStore} from '@/stores/app'
import {navigateTo, sliceArray} from '@/utils/util'

const props = defineProps({
    title: {
        type: String,
        default: ''
    },
})

const {getImageUrl} = useAppStore()

const backNav = () => {
    uni.navigateBack()
}


</script>
<style lang="scss" scoped>
.header-nav{
    height: 80rpx;
    line-height: 80rpx;
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;

    .u-icon{
        position: absolute;
        left: 20rpx;
        top: 20rpx;
    }

    .header-nav-title{
        width: 100%;
        font-size: 36rpx;
    };
}


</style>